/*app.wxss*/
/* #ifndef APP-NVUE */
page {
	background-color: #fafafa;
	font-size: 32rpx;
	height: 100%;
    font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

button::after {
	border: none;
}

.container {
	padding-bottom: env(safe-area-inset-bottom);
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
}

.tui-phcolor {
	color: #ccc;
	font-size: 32rpx;
	overflow: visible;
}


.tui-opcity {
	opacity: 0.5;
}

.tui-hover {
	background-color: #f7f7f9 !important;
}

.tui-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



/*按钮样式*/

/*列表统一样式 */
.tui-list-item {
	position: relative;
}

.tui-list-item::after {
	content: '';
	position: absolute;
	border-bottom: 1rpx solid #eaeef1;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	bottom: 0;
	right: 0;
	left: 30rpx;
}

.tui-last::after {
	border-bottom: 0 !important;
}

.tui-button-primary {
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	background: linear-gradient(-90deg, #5677fc, #5c8dff);
	border-radius: 45rpx;
	color: #fff;
	font-size: 36rpx;
}

.tui-button-hover {
	color: #d5d4d9;
	background: linear-gradient(-90deg, #4a67d6, #4e77d9);
}

.tui-button-gray {
	background: #ededed;
	color: #999 !important;
}

.tui-button-gray_hover {
	background: #d5d5d5 !important;
	color: #898989;
}

.tui-button-white {
	background: #fff;
	color: #333 !important;
}

.tui-button-white_hover {
	background: #e5e5e5 !important;
	color: #2e2e2e !important;
}


.pd-5 {
  padding: 10rpx;
}
.pd-lr-5 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}
.pd-tb-5 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}
.pd-t-5 {
  padding-top: 10rpx;
}
.pd-b-5 {
  padding-bottom: 10rpx;
}
.pd-l-5 {
  padding-left: 10rpx;
}
.pd-r-5 {
  padding-right: 10rpx;
}
.pd-10 {
  padding: 20rpx;
}
.pd-lr-10 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}
.pd-tb-10 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}
.pd-t-10 {
  padding-top: 20rpx;
}
.pd-b-10 {
  padding-bottom: 20rpx;
}
.pd-l-10 {
  padding-left: 20rpx;
}
.pd-r-10 {
  padding-right: 20rpx;
}
.pd-15 {
  padding: 30rpx;
}
.pd-lr-15 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.pd-tb-15 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}
.pd-t-15 {
  padding-top: 30rpx;
}
.pd-b-15 {
  padding-bottom: 30rpx;
}
.pd-l-15 {
  padding-left: 30rpx;
}
.pd-r-15 {
  padding-right: 30rpx;
}
.pd-20 {
  padding: 40rpx;
}
.pd-lr-20 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}
.pd-tb-20 {
  padding-top: 40rpx;
  padding-bottom: 40rpx;
}
.pd-t-20 {
  padding-top: 40rpx;
}
.pd-b-20 {
  padding-bottom: 40rpx;
}
.pd-l-20 {
  padding-left: 40rpx;
}
.pd-r-20 {
  padding-right: 40rpx;
}
.mg-5 {
  margin: 10rpx;
}
.mg-lr-5 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}
.mg-tb-5 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}
.mg-t-5 {
  margin-top: 10rpx;
}
.mg-b-5 {
  margin-bottom: 10rpx;
}
.mg-l-5 {
  margin-left: 10rpx;
}
.mg-r-5 {
  margin-right: 10rpx;
}
.mg-10 {
  margin: 20rpx;
}
.mg-lr-10 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}
.mg-tb-10 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.mg-t-10 {
  margin-top: 20rpx;
}
.mg-b-10 {
  margin-bottom: 20rpx;
}
.mg-l-10 {
  margin-left: 20rpx;
}
.mg-r-10 {
  margin-right: 20rpx;
}
.mg-15 {
  margin: 30rpx;
}
.mg-lr-15 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}
.mg-tb-15 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}
.mg-t-15 {
  margin-top: 30rpx;
}
.mg-b-15 {
  margin-bottom: 30rpx;
}
.mg-l-15 {
  margin-left: 30rpx;
}
.mg-r-15 {
  margin-right: 30rpx;
}
.mg-20 {
  margin: 40rpx;
}
.mg-lr-20 {
  margin-left: 40rpx;
  margin-right: 40rpx;
}
.mg-tb-20 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.mg-t-20 {
  margin-top: 40rpx;
}
.mg-b-20 {
  margin-bottom: 40rpx;
}
.mg-l-20 {
  margin-left: 40rpx;
}
.mg-r-20 {
  margin-right: 40rpx;
}
.mg-25 {
  margin: 50rpx;
}
.mg-lr-25 {
  margin-left: 50rpx;
  margin-right: 50rpx;
}
.mg-tb-25 {
  margin-top: 50rpx;
  margin-bottom: 50rpx;
}
.mg-t-25 {
  margin-top: 50rpx;
}
.mg-b-25 {
  margin-bottom: 50rpx;
}
.mg-l-25 {
  margin-left: 50rpx;
}
.mg-r-25 {
  margin-right: 50rpx;
}
.mg-30 {
  margin: 60rpx;
}
.mg-lr-30 {
  margin-left: 60rpx;
  margin-right: 60rpx;
}
.mg-tb-30 {
  margin-top: 60rpx;
  margin-bottom: 60rpx;
}
.mg-t-30 {
  margin-top: 60rpx;
}
.mg-b-30 {
  margin-bottom: 60rpx;
}
.mg-l-30 {
  margin-left: 60rpx;
}
.mg-r-30 {
  margin-right: 60rpx;
}
.mg-35 {
  margin: 70rpx;
}
.mg-lr-35 {
  margin-left: 70rpx;
  margin-right: 70rpx;
}
.mg-tb-35 {
  margin-top: 70rpx;
  margin-bottom: 70rpx;
}
.mg-t-35 {
  margin-top: 70rpx;
}
.mg-b-35 {
  margin-bottom: 70rpx;
}
.mg-l-35 {
  margin-left: 70rpx;
}
.mg-r-35 {
  margin-right: 70rpx;
}
.mg-40 {
  margin: 80rpx;
}
.mg-lr-40 {
  margin-left: 80rpx;
  margin-right: 80rpx;
}
.mg-tb-40 {
  margin-top: 80rpx;
  margin-bottom: 80rpx;
}
.mg-t-40 {
  margin-top: 80rpx;
}
.mg-b-40 {
  margin-bottom: 80rpx;
}
.mg-l-40 {
  margin-left: 80rpx;
}
.mg-r-40 {
  margin-right: 80rpx;
}
.mg-45 {
  margin: 90rpx;
}
.mg-lr-45 {
  margin-left: 90rpx;
  margin-right: 90rpx;
}
.mg-tb-45 {
  margin-top: 90rpx;
  margin-bottom: 90rpx;
}
.mg-t-45 {
  margin-top: 90rpx;
}
.mg-b-45 {
  margin-bottom: 90rpx;
}
.mg-l-45 {
  margin-left: 90rpx;
}
.mg-r-45 {
  margin-right: 90rpx;
}
.mg-50 {
  margin: 100rpx;
}
.mg-lr-50 {
  margin-left: 100rpx;
  margin-right: 100rpx;
}
.mg-tb-50 {
  margin-top: 100rpx;
  margin-bottom: 100rpx;
}
.mg-t-50 {
  margin-top: 100rpx;
}
.mg-b-50 {
  margin-bottom: 100rpx;
}
.mg-l-50 {
  margin-left: 100rpx;
}
.mg-r-50 {
  margin-right: 100rpx;
}
.font-10 {
  font-size: 20rpx;
}
.font-11 {
  font-size: 22rpx;
}
.font-12 {
  font-size: 24rpx;
}
.font-14 {
  font-size: 28rpx;
}
.font-16 {
  font-size: 32rpx;
}
.font-18 {
  font-size: 36rpx;
}
.font-20 {
  font-size: 40rpx;
}
.font-22 {
  font-size: 44rpx;
}
.font-24 {
  font-size: 48rpx;
}
.font-26 {
  font-size: 52rpx;
}
.font-28 {
  font-size: 56rpx;
}
.font-30 {
  font-size: 60rpx;
}
.font-32 {
  font-size: 64rpx;
}
.font-36 {
  font-size: 72rpx;
}
.font-40 {
    font-size: 80rpx;
}
.icon-5 {
  width: 10rpx;
  height: 10rpx;
}
.icon-10 {
  width: 20rpx;
  height: 20rpx;
}
.icon-12 {
  width: 24rpx;
  height: 24rpx;
}
.icon-15 {
  width: 30rpx;
  height: 30rpx;
}
.icon-18 {
  width: 36rpx;
  height: 36rpx;
}
.icon-20 {
  width: 40rpx;
  height: 40rpx;
}
.icon-25 {
  width: 50rpx;
  height: 50rpx;
}
.icon-30 {
  width: 60rpx;
  height: 60rpx;
}
.icon-35 {
  width: 70rpx;
  height: 70rpx;
}
.icon-40 {
  width: 80rpx;
  height: 80rpx;
}
.icon-45 {
  width: 90rpx;
  height: 90rpx;
}
.icon-50 {
  width: 100rpx;
  height: 100rpx;
}
.icon-55 {
  width: 110rpx;
  height: 110rpx;
}
.icon-60 {
  width: 120rpx;
  height: 120rpx;
}
.icon-65 {
  width: 130rpx;
  height: 130rpx;
}
.icon-70 {
  width: 140rpx;
  height: 140rpx;
}
.icon-75 {
  width: 150rpx;
  height: 150rpx;
}
.icon-80 {
  width: 160rpx;
  height: 160rpx;
}
.radius-0 {
  border-radius: 0;
}
.radius-8 {
  border-radius: 8px;
}
.radius-round {
  border-radius: 50%;
}
.height-30 {
  height: 60rpx;
}
.height-60 {
  height: 120rpx;
}
.height-100 {
  height: 100% !important;
}
.width-100 {
  width: 100%;
}
.width-30 {
  width: 30%;
}
.width-50 {
  width: 50%;
}

.index999{
	z-index: 999;
}
.weight-700{
	font-weight: bold;
}
.weight-600{
	font-weight: 600;
}
.weight-500{
	font-weight: 500;
}
/*右下角标*/
.angle-rb {
    width: 0;
    height: 0;
    border-color: black transparent transparent transparent;
    border-style: solid;
    border-width: 20rpx;
}

/*右下角标*/
.angle-rc {
    width: 0;
    height: 0;
    border-color: black transparent transparent transparent;
    border-style: solid;
    border-width: 10rpx;
}

/* #endif */
@import '~@/static/fonts/thorui.css';
